﻿@using GigaSite.Web.Classes
@model GigaSite.Web.Models.BusinessCardModel

<a href="#" onclick="return false;">
    <div class="cardImage" id="businessCard-@Model.Id" data-id="@Model.Id">
        <div class="overlay">
            @if (Html.IsUserAuthorized())
            {
                var cardInCatalog = Html.CardInBusinessCardsCatalog(Model);
                <span class="addRemoveButton">
                    <img class="addToCatalog" src="@Url.Content("~/Content/images/addIcon.png")" alt="Добавить в визитницу" title="Добавить в визитницу" style="display: @(cardInCatalog ? "none": "block")"/>    
                </span>
                <span class="addRemoveButton">
                    <img class="removeFromCatalog" src="@Url.Content("~/Content/images/removeIcon.png")" alt="Убрать из визитницы" title="Убрать из визитницы"  style="display: @(cardInCatalog ? "block": "none")"/>    
                </span>
            }
            <span class="zoomCard">
                <img src="@Url.Content("~/Content/images/zoomIcon.png")" alt="Увеличить" title="Увеличить визитку"/>
            </span>
            <span class="addedCount" title="Количество пользователей, добавившиеся себе эту визитку">
                @Model.AddedUsersCount
            </span>
        </div>
    
        <img class="card" src="@Model.CardImageUrl" alt="@Model.Title"/>
    </div>
    <span class="company">@Model.Title</span>
    <span class="orientation">@Model.Description</span>
</a>